/* tag_box */
.tag_box {
  list-style: none;
  margin: 0;
  overflow: hidden;

  /* 让图标和 tag_box 垂直居中中 */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.tag_box li {
  line-height: 28px;
}

.tag_box li i {
  opacity: 0.9;
}

.tag_box.inline li {
  float: left;
}

.tag_box a {
  padding: 3px 6px;
  margin: 2px;
  background: #eee;
  color: #555;
  border-radius: 3px;
  text-decoration: none;
  border: 1px dashed #cccccc;
}

.tag_box a span {
  vertical-align: super;
  font-size: 0.8em;
}

.tag_box a:hover {
  background-color: #e5e5e5;
}

.tag_box a.active {
  background: #57A957;
  border: 1px solid #4c964d;
  color: #FFF;
}



/* Sticky footer styles */
body {
  padding-top: 5rem;
}

.footer {
  padding: 2.5rem 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: .05rem solid #e5e5e5;
}

.footer p:last-child {
  margin-bottom: 0;
}